<style src="./guoxin-list.css"scoped ></style>
<template>
 	<div class="sec-top row">
    <form class="form-inline col-sm-5" @submit.prevent="getList">
      <div class="form-group form-group-sm">
        <select class="form-control">
          <option value="1" selected>手机号</option>
        </select>
        <input type="text" class="form-control" v-model="searchPhone" placeholder="">
        <input type="submit" class="btn btn-sm btn-primary" value="搜索用户">
      </div>
    </form>
  </div>
	<table class="table table-bordered table-hover">
		<caption>国信开户活动列表</caption>
		<thead>
			<tr>
				<th class="col-sm-2">昵称</th>
				<th class="col-sm-2">手机号</th>
				<th class="col-sm-2">状态</th>
				<th class="col-sm-2 text-center">是否员工</th>
				<th class="col-sm-2">参与时间</th>
				<th class="col-sm-2"></th>
			</tr>
		</thead>
		<tbody>
			<tr v-for="item in guoxinList">
				<td>{{item.name}}</td>
				<td>{{item.phone}}</td>
				<td>{{+item.status | BrokerStatus}}</td>
				<td class="text-center">{{+item.isStaff | BrokerIsStaff}}</td>
				<td>{{item.createTime}}</td>
				<td class="text-right">
					<button class="btn btn-sm btn-primary" @click="goInviteList(item.phone)">查看邀请</button>
					<button class="btn btn-sm btn-primary" @click="modifyAc(item)">修改</button>
				</td>
			</tr>
		</tbody>
	</table>
	<guoxin-configure :show-configure.sync="showConfigure" :ac.sync="ac" title="修改参与者状态"></guoxin-configure>
	<vue-pages :pages.sync="pages" :get-list="getList"></vue-pages>
</template>

<script type="text/javascript" src="./guoxin-list.js"></script>
